@mixin clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin scrollBar {
  &::-webkit-scrollbar-track-piece {
    background: #d3dce6;
  }
  &::-webkit-scrollbar {
    width: 6px;
  }
  &::-webkit-scrollbar-thumb {
    background: #99a9bf;
    border-radius: 20px;
  }
}

@mixin relative {
  position: relative;
  width: 100%;
  height: 100%;
}

@mixin transition($position: margin-left, $time: 0.28s) {
  transition: $position $time;
}

@mixin ZIndex($index: 999) {
  z-index: $index;
}

@mixin oneShow {
   word-break:keep-all;
  white-space:nowrap;
}

@mixin borderStyle($position: border-left, $width: 1px) {
  $position: $width solid lighten($menuHover, 89%);
}
